<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>表单示例</title>
  </head>
  <body>
    <form>
      <p>
        <label for="input1">文本框：</label><input id="input1" name="name1" />
      </p>
      <p>密码框：<input type="password" name="name2" /></p>
      <p>邮箱地址：<input type="email" name="name3" /></p>
      <p>日期：<input type="date" name="name4" /></p>
      <p>时间：<input type="time" name="name5" /></p>
      <p>
        单选框：
        <input type="radio" name="name6" value="r1" />radio1
        <input type="radio" name="name6" value="r2" checked />radio2
      </p>
      <p>
        复选框：
        <input type="checkbox" name="name7" value="c1" /> checkbox1
        <input type="checkbox" name="name7" value="c2" checked /> checkbox2
        <input type="checkbox" name="name7" value="c3" /> checkbox3
      </p>
      <p>
        下拉列表：
        <select name="name8" multiple>
          <option value="o1">option1</option>
          <option value="o2" selected>option2</option>
          <option value="o3">option3</option>
        </select>
      </p>
      <p>多行文本框：<textarea name="name9" rows="5" cols="20"></textarea></p>
      <p>
        <input type="submit" value="提交" /><input type="reset" value="重置" />
      </p>
    </form>
  </body>
</html>
